<input type="hidden" id="sejourId" value="<?php echo $this->sjr->id; ?>">

<div class="panel panel-default">
    <div class="bloc-parent">

		<div id="sejour-description" class="row">
		    <div class="col-lg-12">

				<div>
					<span class="fiche-titre titre-cap">
						<h1><?php echo $this->sjr->titre ?></h1>
					</span>
				</div>
				<div class="fiche-destination"><!-- href="/r?tags={{pays.libellePays}}" -->
					<h2 id="sejour-activite">
						<?php 
							$libelleAS = $this->StringService->remove_accent($this->sjr->libelleAS);
						?>
						<a tooltip="Tous les séjours <?php echo $this->sjr->libelleAS; ?>" tooltip-placement="bottom" href="/r?tags=<?php echo $libelleAS ?>"><?php echo $this->sjr->libelleAS; ?></a>
					<?php if( $this->sjr->libelleRegions != '') { ?>
						- 
							<?php 
								$libelleRegions = $this->StringService->remove_accent($this->sjr->libelleRegions);
							?>
							<a tooltip="Tous les séjours <?php echo $this->sjr->libelleRegions; ?>" tooltip-placement="bottom" href="/r?tags=<?php echo $libelleRegions ?>"><?php echo $this->sjr->libelleRegions; ?></a>
					<?php } ?>
					- 
						<?php 
							$libellePays = $this->StringService->remove_accent($this->sjr->libellePays);
						?>
						<a tooltip="Tous les séjours <?php echo $this->sjr->libellePays; ?>" tooltip-placement="bottom" href="/r?tags=<?php echo $libellePays ?>"><?php echo $this->sjr->libellePays; ?></a>
					
					<?php if( count( $this->sjr->thematiques ) > 0) { ?>
						<?php for ($i=0; $i < count( $this->sjr->thematiques ); $i++) { ?>
						-
							<span><?php echo $this->sjr->thematiques[$i]->themeLibelle; ?></span>
    					<?php } ?>
					<?php } ?>

					</h2>
				</div>

		    </div>
		</div>

		<?php if($this->sjr->prixMin != "") { ?>
			<div id="sejour-price" class="row">
			    <div class="col-lg-12">
			    	<div class="feature-price">
			    		A partir de 
			    		<span class="current-price"><?php echo $this->sjr->prixMin ?> €</span>
			    	</div>
			    </div>
	    	</div>
	    <?php } ?>

		<div class="svg-wrap">
			<svg width="64" height="64" viewBox="0 0 64 64">
				<path id="arrow-left-1" d="M46.077 55.738c0.858 0.867 0.858 2.266 0 3.133s-2.243 0.867-3.101 0l-25.056-25.302c-0.858-0.867-0.858-2.269 0-3.133l25.056-25.306c0.858-0.867 2.243-0.867 3.101 0s0.858 2.266 0 3.133l-22.848 23.738 22.848 23.738z" />
			</svg>
			<svg width="64" height="64" viewBox="0 0 64 64">
				<path id="arrow-right-1" d="M17.919 55.738c-0.858 0.867-0.858 2.266 0 3.133s2.243 0.867 3.101 0l25.056-25.302c0.858-0.867 0.858-2.269 0-3.133l-25.056-25.306c-0.858-0.867-2.243-0.867-3.101 0s-0.858 2.266 0 3.133l22.848 23.738-22.848 23.738z" />
			</svg>
		</div>

		<div class="row">

			<!-- slider container -->
		    <div class="col-lg-8" >

		    	<div class="row" ng-show="slides" ng-controller="GalerieImageController">
		    		<div class="col-lg-12" >

						<div class="container slider">

						    <img ng-repeat="slide in slides" class="slide slide-animation"
						         ng-swipe-right="nextSlide()" ng-swipe-left="prevSlide()"
						         ng-hide="!isCurrentSlideIndex($index)" th-sejourid="{{slide.sejourId}}" th-sejourimage="{{slide.image}}" galeriemin>

						    <nav class="nav-circleslide">
								<a href="#" class="prev" ng-click="nextSlide()">
									<span class="icon-wrap"><svg viewBox="0 0 64 64" height="32" width="32" class="icon"><use xlink:href="#arrow-left-1"/></svg></span>
									<div>
										<img alt="Previous thumb" th-sejourid="{{sejourId}}" th-sejourimage="{{nextImage}}" galeriethumbmin>
									</div>
								</a>
								<a href="#" class="next" ng-click="prevSlide()">
									<span class="icon-wrap"><svg viewBox="0 0 64 64" height="32" width="32" class="icon"><use xlink:href="#arrow-right-1"/></svg></span>
									<div>
										<img alt="Next thumb" th-sejourid="{{sejourId}}" th-sejourimage="{{previousImage}}" galeriethumbmin>
									</div>
								</a>
							</nav>

						    <nav class="nav">
						        <div class="wrapper">
						            <ul class="dots">
						                <li class="dot" ng-repeat="slide in slides">
						                    <a href="#" ng-class="{'active':isCurrentSlideIndex($index)}"
						                       ng-click="setCurrentSlideIndex($index);"></a></li>
						            </ul>
						        </div>
						    </nav>
						</div>

		    		</div>
		    	</div>

		    	<div class="row">
		    		<div id="detail-description" class="col-lg-12" >
		    			<?php if( !empty($this->sjr->description) ) {
		    				echo $this->sjr->description;
		    			} else {
		    				echo $this->sjr->resume;
		    			} ?>
		    		</div>
		    	</div>

		    </div>

		    <!-- right container infos -->
		    <div id="sejour-detail-col-2" class="col-lg-4">

		    	<?php if( !empty($this->sjr->departGPS)) { ?>
			    	<div class="row">
			    		<div class="col-lg-12" >
				    		<div id="sejour-map">
								<a data-toggle="modal" data-target="#mapModal" href="#">
					    			<img src="http://maps.googleapis.com/maps/api/staticmap?center=<?php echo $this->sjr->departGPS; ?>&zoom=15&size=500x190&maptype=terrain&markers=icon:http://randonnee.kryptonit.fr/img/red-pin-50.png|<?php echo $this->sjr->departGPS; ?>">
					    			<div class="see-map">Voir la carte</div>
					    		</a>
				    		</div>
				    	</div>
			    	</div>
		    	<?php } ?>

		    	<!-- détails séjour -->
		    	<div class="row">
		    		<div class="col-lg-12" >
				    	<div id="sejour-infos-right">
				    		<div id="sejour-infos-texte" class="titre-cap">

				    			<div id="titre-infos-label" class="row infos-row ">
				    				<div class="col-lg-12">
				    					<span class="fiche-titre"> Informations Techniques </span>   					
				    				</div>
				    			</div>

				    			<div class="row row-list infos-row">
				    				<div class="col-lg-12 sejour-detail">
				    					<span> Code Séjour </span>
				    					<span class="rating"> <strong><?php echo $this->sjr->code; ?></strong> </span>
				    				</div>
				    			</div>

				    			<div class="row row-list infos-row">
				    				<div class="col-lg-12 sejour-detail">
				    					<span> Activité </span>
				    					<span class="rating"> <strong><?php echo $this->sjr->libelleAS; ?></strong> </span>
				    				</div>
				    			</div>

				    			<?php if(isset($this->sjr->libelleTS)) { ?>
					    			<div class="row row-list infos-row">
					    				<div class="col-lg-12 sejour-detail">
					    					<span> Parcours </span>
					    					<span class="rating"> <strong><?php echo $this->sjr->libelleTS; ?></strong> </span>
					    				</div>
					    			</div>				    				
				    			<?php } ?>
				    			
				    			<!-- <div class="row infos-row">
				    				<div class="col-lg-12">
				    					<span id="sejour-detail-libelleAS" class="label label-info"> <?php echo $this->sjr->libelleAS ?> </span>    					
					    				<span id="sejour-detail-libelleTS" >
					    					<?php echo $this->sjr->libelleTS ?>
					    				</span>
				    				</div>
				    			</div> -->

				    			<?php if( intval($this->sjr->duree) > 0 ) { ?>
					    			<div class="row row-list infos-row">
					    				<div class="col-lg-12 sejour-detail">
					    					<span> Durée </span>
					    					<span class="rating"> <b><?php echo intval($this->sjr->duree) > 0 ? $this->sjr->duree : "_" ?></b> jours </span>
					    				</div>
					    			</div>
					    		<?php } ?>

				    			<?php if( intval($this->sjr->niveauPhysique) > 0 ) { ?>
					    			<div class="row row-list infos-row">
					    				<div class="col-lg-12 sejour-detail">
					    					<span> Niveau physique </span>
					    					<span class="rating"> <b><?php echo intval($this->sjr->niveauPhysique) ? $this->sjr->niveauPhysique : "_" ?></b> / 5</span>
					    				</div>
					    			</div>
					    		<?php } ?>

				    			<?php if( intval($this->sjr->niveauTechnique) > 0 ) { ?>
					    			<div class="row row-list infos-row">
					    				<div class="col-lg-12 sejour-detail">
					    					<span> Niveau technique </span>
					    					<span class="rating"> <b><?php echo intval($this->sjr->niveauTechnique) ? $this->sjr->niveauTechnique : "_" ?></b> / 4</span>
					    				</div>
					    			</div>
				    			<?php } ?>

				    			<?php if( intval($this->sjr->niveauConfort) > 0 ) { ?>
					    			<div class="row row-list infos-row">
					    				<div class="col-lg-12 sejour-detail">
					    					<span> Confort </span>
					    					<span class="rating"> <b><?php echo intval($this->sjr->niveauConfort) ? $this->sjr->niveauConfort : "_" ?></b> / 3</span>
					    				</div>
					    			</div>
				    			<?php } ?>

				    			<div class="row row-list infos-row">
				    				<div class="col-lg-12 sejour-detail">
				    					<span> Agence </span>
				    					<span class="rating"> <strong><?php echo $this->sjr->agenceLibelle; ?></strong> </span>
				    				</div>
				    			</div>

				    			<?php if( count( $this->sjr->thematiques ) > 0) { ?>
					    			<div class="row row-list infos-row">
					    				<div class="col-lg-12 sejour-detail">

					    					<div class="row">
					    						<div class="col-lg-12 sejour-detail">
							    					<span> Thèmes associés </span>
					    						</div>
					    					</div>

					    					<?php for ($i=0; $i < count( $this->sjr->thematiques ); $i++) { ?>
						    					<div class="row sejour-liste-themes">
							    					<div class="col-lg-12">
							    						<strong><?php echo $this->sjr->thematiques[$i]->themeLibelle; ?></strong>
							    					</div>
								    			</div>
					    					<?php } ?>

					    				</div>
					    			</div>
					    		<?php } ?>
				    			

				    			<div class="row row-list infos-row">
									<?php if( isset( $this->sjr->ficheTechniqueUrl ) ) { ?>
					    				<div class="col-lg-12">
				    						<a target="_blank" title="télécharger la documentation du séjour" href="<?php echo $this->sjr->ficheTechniqueUrl; ?>" class="btn btn-sm btn-infos-complementaire" role="button">
			    								Télécharger La Fiche Complête (.pdf)
			    							</a>
					    				</div>
					    			<?php } ?>
				    				<div class="col-lg-12">
			    						<a href="#ancre-informations" class="btn btn-sm btn-infos-complementaire" role="button">
		    								Une Question Sur Ce Séjour ?
		    							</a>
				    				</div>
				    				<?php if($this->sjr->pageReservation != '') { ?>
					    				<div class="col-lg-12">
				    						<a data-toggle="modal" data-target="#pageReservationModal" href="#" class="btn btn-sm btn-infos-complementaire" role="button">
			    								Dates Et Prix Proposés Par L'Agence
			    							</a>
					    				</div>
				    				<?php } else { ?>
					    				<div class="col-lg-12">
				    						<a href="#ancre-informations" class="btn btn-sm btn-infos-complementaire" role="button">
			    								Dates Et Prix Proposés Par L'Agence
			    							</a>
					    				</div>
				    				<?php } ?>
				    			</div>

				    		</div>
				    	</div>

				    	<?php  if( count( $this->sjr_dates ) > 0 ) { ?>
					    	<div id="sejour-infos-right" class="datesEtPrix">
					    		<div id="sejour-infos-texte" class="titre-non-cap">

					    			<div id="titre-infos-label" class="row infos-row ">
					    				<div class="col-lg-12">
					    					<span class="fiche-titre"> Disponibilités et prix </span>   					
					    				</div>
					    			</div>

					    			<?php foreach ($this->sjr_dates as $key => $value) { ?>
						    			<div class="row row-list infos-row">
						    				<div class="col-lg-12 sejour-detail">
						    					<span>
						    						<?php echo $this->DateViewHelper ( $value->dateDebut, $value->dateFin ); ?>
					    						</span>
						    					<span class="rating"> <b><?php echo $value->prix ?></b> &euro; </span>
						    				</div>
						    			</div>
					    			<?php } ?>

					    		</div>
				    		</div>
			    		<?php  } ?>

			    		<!-- Informations complémentaires -->
						<!-- <div id="sejour-infos-right" class="sejour-fiche-documentation">
				    		<div id="sejour-infos-texte" class="titre-non-cap infos-complementaire">

				    			<div id="titre-infos-label" class="row infos-row ">
				    				<div class="col-lg-12">
				    					<span class="fiche-titre"> Infos Complémentaires </span>   					
				    				</div>
				    			</div>

								

				    		</div>
			    		</div> -->
			    		

			    		<!-- Contacter l Agence -->
				    	<!-- <div id="bloc-contact" class="row">
			                <div class="col-lg-12">

    							<a href="#ancre-informations" class="btn btn-lg btn-block btn-contactez-nous" role="button">
    								Questions et Réservation
    							</a>
    						</div>
		    			</div> -->

		    		</div>

		    	</div><!-- /row details -->


		    </div>

		</div>
    </div>
</div>

<!-- partie détails du séjour -->
<div class="row">
	<div class="col-lg-8">
		<!-- Carnet de voyage -->
		<?php if( count( $this->sjr_jours ) > 0 ) { ?>
			<div class="row">
				<div class="col-lg-12">
					<div class="bloc-panel panel-sejour">
						<div class="panel-heading">
							<span class="fiche-titre titre-cap"> <h2>Carnet de voyage</h2> </span>
						</div>
						<div class="panel-content">
							<?php
								$lastkey = 0;
								foreach ($this->sjr_jours as $key => $value) {
									$lastkey = $key;
									// if( $key % 2 === 0 ) {

										echo "<div class=\"row panel-row\">";
									// }

									$html = "<div class=\"col-lg-12\">";
									
									if( trim($value->titre) !== '' ) {
										$html .= "<div class=\"fiche-sstitre\"><h3>".$value->titre."</h3></div>";
									}

									$html .= $value->details;
									$html .= "</div>";

									echo $html;

									// if( $key % 2 !== 0 ) {

										echo "</div>";
									// }
								}

								if( $lastkey % 2 === 0 && count($this->sjr_jours) > 0) {
									// echo "</div>";
								}

							?>

						</div>
					</div>
				</div>
			</div>
		<?php } ?>


		<!-- Fiche pratique -->
		<?php if( count( $this->sjr_fiche ) > 0 ) { ?>
			<div class="row">
				<div class="col-lg-12">
					<div class="bloc-panel panel-sejour">
						<div class="panel-heading">
							<span class="fiche-titre titre-cap"> <h2>Fiche Pratique</h2> </span>
						</div>
						<div class="panel-content">

							<?php
								$lastkey = 0;
								foreach ($this->sjr_fiche as $key => $value) {
									$lastkey = $key;
									// if( $key % 2 === 0 ) {

										echo "<div class=\"row panel-row\">";
									// }

									$html = "<div class=\"col-lg-12\">";
									
									if( trim($value->ficheTitre) !== '' ) {
										$html .= "<div class=\"fiche-sstitre\"><h3>".$value->ficheTitre."</h3></div>";
									}

									$html .= $value->ficheContenu;
									$html .= "</div>";

									echo $html;

									// if( $key % 2 !== 0 ) {

										echo "</div>";
									// }
								}

								if( $lastkey % 2 === 0 && count($this->sjr_fiche) > 0) {

									// echo "</div>";
								}

							?>

						</div>
					</div>
				</div>
			</div>
		<?php } ?>
	</div>

	<div class="col-lg-4">
		<div class="row">
			<div class="col-lg-12">

				<div id="sejour-infos-right">
		    		<div id="sejour-infos-texte" class="titre-cap">
						<div id="titre-infos-label" class="row infos-row ">
							<div class="col-lg-12">
								<span class="fiche-titre"> Actualités </span>   					
							</div>
						</div>
					</div>

					<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F1001treks&amp;width&amp;height=800&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=true&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:800px; width: 100%;" allowTransparency="true"></iframe>
					
                                        
					<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
						<!-- 1001treksDroit2 -->
						<ins class="adsbygoogle"
						style="display:inline-block;width:336px;height:280px"
						data-ad-client="ca-pub-7194867832708022"
						data-ad-slot="5602219402"></ins>
						<script>
						(adsbygoogle = window.adsbygoogle || []).push({});
					</script>
				</div>
			</div>
		</div>

	</div>

</div>

<div class="row">
	<div class="col-lg-12">

		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!-- 1001treksFooter -->
                <ins class="adsbygoogle"
                     style="display:inline-block;width:728px;height:90px"
                     data-ad-client="ca-pub-7194867832708022"
                     data-ad-slot="8828214200"></ins>
                <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
                </script>

	</div>
</div>

<!-- séjours similaires -->
<?php if(count($this->sjr_similaires) > 0 ) { ?>

	<hr class="style-1">

	<div class="row">
		<div class="col-lg-12">
			<div class="bloc-panel bloc-infos">
				<div class="panel-content">
					
					<div class="row">
						<div class="col-lg-12">
							<span class="fiche-titre titre-cap titre-center"> <h2>1001treks a sélectionné pour vous</h2> </span>
						</div>
					</div>


					<div id="sejours-similaires" class="row">
						<?php

							foreach ($this->sjr_similaires as $key => $sjr) {
								
								$sejour_url = $this->StringService->genererSejourUrl( $this->root_url, $sjr->libelleAS, $sjr->libellePays, $sjr->id, $sjr->titre);
						?>

								<div class="col-lg-3">
									<a href="<?php echo $sejour_url; ?>" >
										<img style="width: 100%;" title="Séjour <?php echo $sjr->titre ?>" alt="Image séjour <?php echo $sjr->titre ?>" src="/img/galerie/sejour__<?php echo $sjr->id; ?>__/<?php echo $this->StringService->RetrounerNomImageType($sjr->imageUrl, "-main"); ?>" >
									</a>

									<div class="infos">
										<?php 
											$libelle = $this->StringService->remove_accent($sjr->libellePays);
											
											if( isset($sjr->libelleRegions) ) {
												$libelle .= "+" . $this->StringService->remove_accent($sjr->libelleRegions);
											}
										?>
										<a tooltip="Tous les séjours <?php echo $sjr->libellePays . ' ' . $sjr->libelleRegions; ?>" tooltip-placement="bottom" href="/r?tags=<?php echo $libelle ?>">
											Séjour <?php echo $sjr->libellePays. ' ' . $sjr->libelleRegions; ?>
										</a>

									</div>

									<a href="<?php echo $sejour_url; ?>" >
										<div class="infos-titre">
											<?php
												echo $sjr->titre;
											?>
										</div>
									</a>

								</div>
						<?php
							}
						?>
					</div>
				</div>
			</div>

		</div>
	</div>
<?php } ?>


<hr id="ancre-informations" class="style-1">

<div class="row">
	<div class="col-lg-12">
		<div class="bloc-panel bloc-infos">
			<div class="panel-content">
				
				<div class="row">
					<div class="col-lg-12">
						<span class="fiche-titre titre-cap"> <h2>Infos et réservations</h2> </span>
					</div>
				</div>

				<div id="blocInformation" class="row">
					<div id="row-contact" class="col-lg-6" ng-controller="ContactSejourController">
		            	<div class="content-contact">
		            		<form name="formContact" novalidate ng-submit="envoyer ()">
		                		<div ng-hide="creeSucces" class="row">
		                			<div class="col-lg-12">
		                				<input type="email" ng-model="input.mailInfo" placeholder="votre@email.com" required>
		                			</div>
		                		</div>

		                		<div ng-hide="creeSucces" class="row" style="padding-bottom: 5px;">
		                			<div class="col-lg-12">
		                				<span id="mail-info">Ce mail ne sera utilisé uniquement pour vous répondre.</span>
		                			</div>
		                		</div>

		                		<div ng-hide="creeSucces" class="row">
		                			<div class="col-lg-12">
		                				<textarea rows="4" ng-model="input.textInfo" placeholder="votre question ou commentaire" required></textarea>
		                			</div>
		                		</div>

		                		<div class="row" style="padding-top:15px;">
		                			<div class="col-lg-8 col-lg-offset-2">
		                				<button type="submit" class="btn btn-lg btn-block" ng-class="{ 'btn-success' : creeSucces, 'btn-contactez-nous' : !creeSucces }" ng-disabled="formContact.$invalid || !formContact.$dirty">{{messageBouton}}</button>
		                			</div>
		                		</div>
		                	</form>

		            	</div>
		            </div>
					<div id="contact-info" class="col-lg-6">
						<div>
							<p id="contact-titre">Ce séjour vous est proposé par l'agence</p>
							<div id="contact-content" class="row">
								<div class="col-lg-9">
									<div class="fiche-sstitre">
										<h3><?php echo $this->sjr->agenceLibelle; ?></h3>
									</div>
									<p>
										<img alt="Logo de l'agence <?php echo $this->sjr->agenceLibelle; ?>" title="Agence <?php echo $this->sjr->agenceLibelle; ?>" src="/img/galerie/agence__<?php echo $this->sjr->agenceId; ?>__/<?php echo $this->sjr->agenceImageURL; ?>" >
									</p>
								</div>
							</div>

							<p id="contact-titre">Comment la contacter ?</p>
							<div id="contact-infos-perso" class="row">
								<div class="col-lg-11 col-lg-offset-1">
									<div>
										<span class="glyphicon glyphicon-home"></span>
										<span>
											<?php echo $this->sjr_agence->adresse; ?>
											,
											<?php echo $this->sjr_agence->codePostal; ?> <?php echo $this->sjr_agence->ville; ?>
											
											<?php if( $this->sjr_agence->pays != ''){ ?>
												,
												<?php echo $this->sjr_agence->pays; ?>
											<?php } ?>
											
										</span>
									</div>

									<!-- <div>
										<span class="glyphicon glyphicon-envelope"></span>
										<span>
											<?php echo $this->sjr_agence->mail; ?>
										</span>
									</div> -->
									
									<?php if($this->sjr_agence->phone != '') { ?>
										<div>
											<span class="glyphicon glyphicon-phone-alt"></span>
											<span>
												<?php echo $this->sjr_agence->phone; ?>
											</span>
										</div>
									<?php } ?>

									<?php if($this->sjr_agence->fax != '') { ?>
										<div>
											<span class="glyphicon">Fax</span>
											<span>
												<?php echo $this->sjr_agence->fax; ?>
											</span>
										</div>
									<?php } ?>

								</div>
							</div>

							<?php if($this->sjr->pageReservation != '') { ?>

								<div class="row" style="padding-top:30px;">
		                			<div class="col-lg-8 col-lg-offset-2">

		                				<a data-toggle="modal" data-target="#pageReservationModal" href="#" class="btn btn-lg btn-block btn-page-reservation" role="button">
		                					Réservez en ligne
		                				</a>

		                			</div>
		                		</div>
		                	<?php } ?>

						</div>
					</div>
				</div>


			</div>
		</div>
	</div>
</div>

<hr id="ancre-informations" class="style-1">

<div class="row">
	<div class="col-lg-12">
		<div class="bloc-panel bloc-infos">
			<div class="panel-content teaser-fiche">
				<?php echo $this->partial('index/sejourTeaserPartial'); ?>
			</div>
		</div>
	</div>
</div>

<div ng-controller="GoogleMapController" id="mapModal" class="modal fade" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

        <div>
			<span class="fiche-titre titre-cap">
				<h1><?php echo $this->sjr->titre ?></h1>
			</span>
		</div>
		<div class="fiche-destination">
			<h2 id="sejour-activite"><?php echo $this->sjr->libelleAS ?></h2>
			- <h2><?php echo $this->sjr->libellePays ?></h2>
			<?php if( $this->sjr->libelleRegions != '') { ?>
				, <h2><?php echo $this->sjr->libelleRegions ?></h2>
			<?php } ?>
		</div>

      </div>
      <div class="modal-body">
        <div id="map_canvas"></div>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div ng-controller="PageReservationController" id="pageReservationModal" class="modal fade" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
  <div class="modal-dialog modal-page-reservation">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

        <div>
			<span class="fiche-titre titre-cap">

				<h1><?php echo $this->sjr->titre ?></h1>
			</span>
		</div>
		<div class="fiche-destination">
			<h2 id="sejour-activite"><?php echo $this->sjr->libelleAS ?></h2>
			- <h2><?php echo $this->sjr->libellePays ?></h2>
			<?php if( $this->sjr->libelleRegions != '') { ?>
				, <h2><?php echo $this->sjr->libelleRegions ?></h2>
			<?php } ?>
		</div>

      </div>
      <div class="modal-body">
        <div id="avertissement">
        	Vous allez être redirigé vers la page de réservation du site de l'agence <?php echo $this->sjr->agenceLibelle; ?>.
        </div>

        <div>
			<a ng-show=lienRedirection href="{{lienRedirection}}" ng-click="redirection();" target="_blank" class="btn btn-sm btn-page-resa-ok" role="button">
				Continuer ?
			</a>

			<button class="btn btn-sm btn-page-resa-ko" ng-click="annuler();">
				Annuler
			</button>

        </div>

      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<a class="btn-retour" href="/" ><i class="glyphicon glyphicon-chevron-left"></i> Retour aux Résultats de recherche</a>




